<!-- Importamos los metodos js del abm de usuarios -->
<script type="text/javascript" src="<?php echo base_url(); ?>js/usuarios.js"></script>

<script type="text/javascript">
	//Esto se ejecuta cuando se termina de cargar la web
	$(document).ready(function(){
		//Le damos el foco al primer campo del formulario
		$("#email").focus();
	});
</script>

<!-- Identificador de seccion -->
<div>
	<hr>
	<ul class="breadcrumb">
		<li>
			<a href="<?php echo(site_url("inicio")); ?>">Home</a><span class="divider">/</span>
		</li>		
		<li>
			<a href="<?php echo(current_url()); ?>">Mi Usuario</a>
		</li>
	</ul>
	<hr>
</div>

<!-- Formulario y ayuda -->	
<div class="row-fluid">
	<div class="box span7">
		<div class="box-header" data-original-title>
			<h2><i class="icon-edit"></i><span class="break"></span>Mi Usuario</h2>
			<div class="box-icon">				
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">
			<form class="form-horizontal" action="<?php echo(site_url('usuario/modificarMiUsuario/'.$usuarioSel->row()->idUsuario)); ?>" id="formUsuario" method="post" target="iframeUpload">
				<fieldset>
					<div id="campoNombre" class="control-group">
						<label class="control-label" for="nombre">Nombre:</label>
						<div class="controls">
						  <input class="input-xlarge" disabled="disabled" id="nombre" name="nombre" type="text" value="<?php echo($usuarioSel->row()->nombre); ?>" placeholder="nombre">
						</div>
					</div>
					
					<div id="campoEmail" class="control-group">
						<label class="control-label" for="email">Email: (*)</label>
						<div class="controls">
						  <input class="input-xlarge" id="email" name="email" type="text" value="<?php echo($usuarioSel->row()->email); ?>" placeholder="Email" required>
						</div>
					</div>
					
					<div id="campoPasswordActual" class="control-group">
						<label class="control-label" for="passwordActual">Password Actual:</label>
						<div class="controls">
						  <input class="input-xlarge" id="passwordActual" name="passwordActual" type="password" value="" placeholder="Password Actual">
						</div>
					</div>
					
					<div id="campoPasswordNuevo" class="control-group">
						<label class="control-label" for="passwordNuevo">Nuevo Password:</label>
						<div class="controls">
						  <input class="input-xlarge" id="passwordNuevo" name="passwordNuevo" type="password" value="" placeholder="Nuevo Password">
						</div>
					</div>
					
					<div id="campoRepetirPassword" class="control-group">
						<label class="control-label" for="repetirPassword">Repetir Nuevo Password:</label>
						<div class="controls">
						  <input class="input-xlarge" id="repetirPassword" name="repetirPassword" type="password" value="" placeholder="Repetir Nuevo Password">
						</div>
					</div>
														
					<div class="form-actions">
						<button type="button" class="btn btn-primary" onclick="modificarMiUsuario()">Guardar Cambios</button>
					</div>
					
					<iframe id="respuesta" name="iframeUpload" style="display:none"></iframe>
				</fieldset>
			</form>
		</div>
	</div><!--/span-->
	<div class="box span5">
		<div class="box-header" data-original-title>
			<h2><i class="icon-edit"></i><span class="break"></span>Ayuda Rápida</h2>
			<div class="box-icon">				
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">
			* Su nombre de usuario no se puede modificar. <br/>
			* Para modificar su password ingrese su password actual y luego dos veces el nuevo password.			
		</div>
	</div><!--/span-->
</div><!--/row-->

<hr>